@import "ImageWidthStyles-SideNav.css";

@font-face {font-family: 'KnowledgeBold'; src: url('../Fonts/KnowledgeBold.woff') format('woff');} 
@font-face {font-family: 'KnowledgeBoldItalic'; src: url('../Fonts/KnowledgeBoldItalic.woff') format('woff');} 
@font-face {font-family: 'KnowledgeMedium'; src: url('../Fonts/KnowledgeMedium.woff') format('woff');} 
@font-face {font-family: 'KnowledgeMediumItalic'; src: url('../Fonts/KnowledgeMediumItalic.woff') format('woff');} 
@font-face {font-family: 'KnowledgeRegular'; src: url('../Fonts/KnowledgeRegular.woff') format('woff');} 
@font-face {font-family: 'KnowledgeRegularItalic'; src: url('../Fonts/KnowledgeRegularItalic.woff') format('woff');} 
@font-face {font-family: 'KnowledgeLight'; src: url('../Fonts/KnowledgeLight.woff') format('woff');} 
@font-face {font-family: 'KnowledgeLightItalic'; src: url('../Fonts/KnowledgeLightItalic.woff') format('woff');} 



html
, body {
	background-color: #fff;
}

	div.row.outer-row.sidenav-layout {
		border-top: 3px solid #ff8000;
	}

	
	
	div#topic-toolbar-wrapper img {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


ul.menu li a {
	font-family: KnowledgeRegular,arial,helvetica,sans-serif;
	font-size: 15px;
}

ul.sidenav li a.selected {
	font-family: KnowledgeRegular,arial,helvetica,sans-serif;
	font-weight: normal;
}
	
	
	
@media (max-width: 979px) {

	nav.title-bar .menu-icon {
		left: 7px;
	}

	div.nav-search-wrapper {
		background-color: #fff;
	}
	
	div#onesource-help-brand-header {
		left: 40px;
	}
	
}

@media (min-width: 980px) {
	div.middle.title-bar-section.outer-row.clearfix {
		background-color: black;
	}

	div#onesource-help-brand-header {
		left: 0;
	}

	div.sidenav-wrapper {
		border-right: solid 1px #dddddd;
	}
}

div#onesource-help-brand-header {
	padding: 15px 20px;
	position: absolute;
	top: 0;
	display: inline-block;
	z-index: 100;
	background-color: #000;
	text-align: left;
	white-space: nowrap;
}

p#onesource-help-logo-brand {
	margin: 0;
	font-family: KnowledgeMedium,arial,helvetica,sans-serif;
	color: #FF8000;
	font-size: 12px;
	font-weight: 700;
}

p#onesource-help-logo-app {
	margin: 0;
	font-family: KnowledgeLight,arial,helvetica,sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	font-weight: 400;
}

@media print {
	div#onesource-help-brand-header {
		display: none;
	}
}